<template>
  <el-tabs v-model="activeName" type="border-card" style="margin-bottom: 0" @tab-click="handleClick">
    <!-- 股票持仓 -->
    <el-tab-pane label="股票持仓" name="sharesPosition">
      股票持仓
      <shares-position v-if="activeName==='sharesPosition'" :code-number="codeNumber" />
    </el-tab-pane>

    <!-- 债券持仓 -->
    <el-tab-pane label="债券持仓" name="bondsPosition">
      债券持仓
      <bonds-position v-if="activeName==='bondsPosition'" :code-number="codeNumber" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import SharesPosition from '@/views/front/detail/components/position/SharesPosition'
import BondsPosition from '@/views/front/detail/components/position/BondsPosition'

export default {
  name: 'Index',
  comments: {
    SharesPosition,
    BondsPosition
  },
  components: { BondsPosition, SharesPosition },
  props: {
    codeNumber: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      activeName: 'sharesPosition'
    }
  },
  methods: {
    handleClick() {

    }
  }
}
</script>

<style scoped>

</style>
